<template>
  <div
    ref="customForm"
    class="custom-van-input custom-form-container"
  >
    <CustomVanField
      :error-message="errorMessage"
      :label="label"
      :required="required"
    >
      <van-field
        v-model="inputValue"
        :placeholder="placeholder || `请输入${label}`"
        :type="pattern"
        :disabled="canDo"
        :style="bG"
        @input="onInput"
        @blur="validate"
      />
    </CustomVanField>
  </div>
</template>

<script>
import collect from '../mixins/collect/input';
import field from '../mixins/field';
import model from '../mixins/model';
import rule from '../mixins/rule';
import disabled from '../mixins/setting/disabled';

export default {
  name: 'CustomVanNumber',

  mixins: [field, model(), rule, collect, disabled]
};
</script>
